<template>
  <div>
    <h2>购物车</h2>
    <!--后退  -->
    <Back></Back>
    <!--购物车列表  -->
    <CarList></CarList>
    <!--底部  -->
    <FooterBar></FooterBar>
  </div>
</template>

<script>
import Back from "../components/Back.vue";
import CarList from "../components/CarList.vue";
import FooterBar from "@/components/FooterBar.vue"

export default {
    name:"ShoppingCar",
    components:{
        Back,CarList,FooterBar
    },
    // 组件内部的守卫
    // beforeRouteEnter(to,from,next){
    //   // 在组件内部的前置守卫里，没法获取到组件的this。
    //   if(!sessionStorage.getItem("username")){
    //       next("/Login?path="+to.path);
    //   }else{
    //       next()
    //   }
    // }

}
</script>

<style>

</style>